<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <!-- 针对IE浏览器的一个特殊配置，含义是让IE浏览器以最高的渲染级别渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 开启移动端的理想视口 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 配置页签图标 -->
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!-- 清除默认样式 -->
    <link rel="stylesheet" href="<%= BASE_URL %>reset.css">
    <link rel="stylesheet" href="<%= BASE_URL %>iconfont.css">


    <!-- 配置网页标题 -->
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <!-- 容器 -->
    <div id="app">
    </div>
    <!-- built files will be auto injected -->
  </body>
  <style>
  
  *{
        margin: 0;
        padding: 0;
    }
    html,body{
        width: 100%;
        height: 100%;
    }
  #app {
    position: relative;
    width: 100%;
    height: 100%;
  }
  body {
    position: relative;
    background-image: url('./images/3.jpg');
    background-repeat: no-repeat;
    background-position: center center; 
    background-size:cover;
    background-attachment: fixed;
  }
  </style>
</html>
